<template>
    <div class="ssss1">
        <div class="div">
            <span class="sp1">免费常规服务券</span>
            <div class="d"></div>
            <span class="sp2">有效期至 2020-10-01</span> <span class="sp3">查看</span>
        </div>
    </div>
</template>

<script>
    export default {
        name: "List"
    }
</script>

<style scoped>

    .ssss1{
        margin-bottom: 10px;
    }
    .d{
        border-bottom:1px solid rgba(192,192,192,0.2);
    }
    .div{
        margin-left: 5%;
        width: 90%;
        padding-top: 10px;
        padding-bottom: 10px;
        background: white;
        border-radius:10px 10px;
    }
    .sp1{
        margin-bottom: 5%;
        margin-right: 50%;
        color: red;
        font-size: 19px;
        font-weight: 400;
        display: block;
    }
    .sp2{
        font-size: 12px;
        margin-top: 5%;
        display: inline-block;
        margin-right: 40%;
    }
    .sp3{
        font-size: 12px;
        margin-top: 5%;
        display: inline-block;
        margin-left: 10%;
    }

</style>
